<template>
    <div class="connent">
        <div class="top">
            <img src="../../assets/images/cz1.png" alt="" @click="goOption">
            <p>{{$t("common.lianxiwomen")}}</p>
        </div>
        <div v-html="content"></div>
    </div>

</template>
<script>
export default {
    data() {
        return {
            content:''
        }
    },

    async activated(){
        var that = this
        setTimeout(() => {
		var bth1 = document.getElementById("bth1");
		var bth1v = document.getElementById("bth1v");
		bth1.onclick = function () {
			that.$copyText(bth1v.innerHTML).then(() => {
                that.$toast(that.$t('common.fuzhicheng'))
            }, () => {
                that.$toast(that.$t('common.fuzhishi'))
            })
		}
		var bth2 = document.getElementById("bth2");
		var bth2v = document.getElementById("bth2v");
		bth2.onclick = function () {
			that.$copyText(bth2v.innerHTML).then(() => {
            that.$toast(that.$t('common.fuzhicheng'))
          }, () => {
            that.$toast(that.$t('common.fuzhishi'))
          })
		}
        }, 1000);
        console.log(this.$route.query.id)
        const ret = await this.$http({
            url: '/system/articleManagement/getArticleManagement',
            method: 'post',
            data: {
                "articleTypeCode": "1563385493535264460",
            }
        })
        if(ret.data.code === 0){
            console.log(ret.data.data)
            this.content = ret.data.data[0].textContent
        }
    },
    methods:{
        goOption(){
            this.$router.push('/options')
        }
    }
}
</script>
<style scoped lang="scss">
.connent{
    margin: 0;
    padding: 0;
    .top{
        height: 11.73vw;
        width: 100vw;
        background-color: #090A1B;
        display: flex;
        align-items: center;
        //font-family: Microsoft Yahei;
        img{
            height: 5.3vw;
            width: 5.3vw;
            left: 2.4vw;
            position: absolute;
        }
        p{
            font-size: 4.8vw;
            color: rgba(255, 255, 255, 100);
            position: relative;
            margin: 0 auto;
            letter-spacing: 0.2vw;
        }
    }
    // .center{
    //     height: 50.4vw;
    //     img{
    //         width: 14.13vw;
    //         height: 14.13vw;
    //         position: relative;
    //         top: 10.66vw;
    //     }
    //     .p1{
    //         width: 26.66vw;
    //         height: 5.06vw;
    //         color: rgba(255, 255, 255, 100);
    //         font-size: 4.8vw;
    //         font-family: ZKXiaoWeiLogo-regular;
    //         position: relative;
    //         top: 13.86vw;
    //         margin: 0 auto;
    //     }
    //     .p2{
    //         width: 41.33vw;
    //         height: 5.33vw;
    //         color: rgba(135, 139, 151, 100);
    //         font-size: 3.73vw;
    //         font-family: PingFangSC-regular;
    //         position: relative;
    //         top: 18.66vw;
    //         margin: 0 auto;
    //     }
    // }
    // .footer{
    //     width: 91.46vw;
    //     height: 48vw;
    //     border-radius: 0.53vw;
    //     background-color: rgba(45, 47, 59, 100);
    //     color: rgba(16, 16, 16, 100);
    //     font-size: 3.73vw;
    //     text-align: center;
    //    //font-family: Arial;
    //     margin: 0 auto;
    //     .email{
    //         height: 11.2vw;
    //         display: flex;
    //         justify-content: space-between;
    //         margin: 0 4.26vw;
    //         .p1{
    //             position: relative;
    //             top: 4.26vw;
    //             color: rgba(135, 139, 151, 100);
    //             font-family: PingFangSC-regular;
    //             font-size: 3.73vw;
    //             letter-spacing: 0.2vw;
    //         }
    //         .p2{
    //             position: relative;
    //             top: 4.26vw;
    //             letter-spacing: 0.2vw;
    //             color: rgba(214, 214, 214, 100);
    //             font-size: 3.73vw;
    //             font-family: PingFangSC-regular;
    //         }
    //         .img{
    //             position: relative;
    //             top: 3.46vw;
    //             width: 5.33vw;
    //             height: 5.33vw;
    //         }
    //     }
    // }
    //
}

</style>
